<div id="login">
    <form action="" method="post">
        <div class="form_title">
            LOGIN
        </div>
        <div class="form_fields">
            <input type="text" id="l_username" name="l_username" placeholder="Username" maxlength="16" />
            <input type="password" id="l_password" name="l_password" placeholder="Password" maxlength="32" />
        </div>
        <div class="form_button">
            <button type="submit">Login</button>
        </div>
        <div class="form_messages">
            <ul>
                <!-- -->
            </ul>
        </div>
    </form>
</div>
<hr />
<a id="a_register" href="javascript:void(0);">No account? Register now!</a>
<a href="<?php echo base_url() . 'duelist/list'; ?>">DueList : View all duelists here</a>
<hr />
<div id="registration" class="modal_content">
    <form action="" method="post">
        <div class="modal_close">
            <a href="javascript:void(0);">close</a>
        </div>
        <div class="modal_box">
            <div class="form_title">
                REGISTER
            </div>
            <div class="form_fields">
                <input type="text" id="last_name" name="last_name" placeholder="Last Name" maxlength="64" />
                <input type="text" id="first_name" name="first_name" placeholder="First Name" maxlength="64" />
                <input type="text" id="r_username" name="r_username" placeholder="Username, min. 6 chars" maxlength="16" />
                <input type="password" id="r_password" name="r_password" placeholder="Password, min. 6 chars" maxlength="32" />
            </div>
            <div class="form_button">
                <button type="submit">Register</button>
            </div>
        </div>
        <div class="form_messages">
            <ul>
                <!-- -->
            </ul>
        </div>
    </form>
</div>